<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
  <title></title>
	<link rel="stylesheet" href="<?=base_url() ?>assets/css/jquery.mobile-1.3.1.min.css" />
    <link rel="stylesheet" href="<?=base_url() ?>assets/css/pcs.css"/>	
	<script src="<?=base_url() ?>assets/js/jquery-1.9.1.min.js"></script>
	<script src="<?=base_url() ?>assets/js/jquery.mobile-1.3.1.min.js"></script>
  			   
</head>
<body>
	<div data-role="page" id="home" class="pcs-demos" style ="background: transparent;">
		<div data-theme="d" data-role="header" data-position="fixed" class="pcs-header">
				<a data-role="button" href="#detailspanel" data-icon="bars" data-iconpos="left" class="ui-btn-right">
				Details
			</a>
			<a id="homebtn" data-role="button" data-direction="reverse" href=localhost://mpcs/home"
			data-icon="home" data-iconpos="left" class="ui-btn-left">
				Home
			</a>
			<h5 id="headertxt" class="header">
				mPCS
			</h5>
		</div>
    <div data-role="content">
		<div class="content-primary">
			<center>
			<h2>
				OPEX Sales
			</h2>
			
		<table data-role="table" id="summary-table" data-mode="column-toggle" class="table-stripe ui-responsive" data-column-popup-theme="a"> 
         <thead>
           <tr class="ui-bar-d">
             <th data-priority="1">No</th>
             <th data-priority="2">Risk Category</th>
             <th data-priority="3">Yes/No</th>
             <th data-priority="4">Comment</th>
           </tr>
         </thead>
         <tbody>
			<?php foreach($risk as $row):?>
           <tr>
             <td><?php echo $row->id_risk;?></td>
			 <td><?php echo $row->category_risk;?></td>
			 <td>
			 <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
					<input name="radio-status" id="radio-status-yes" value="yes" type="radio">
					<label for="radio-status-yes">Yes</label>
					<input name="radio-status" id="radio-status-no" value="no" type="radio">
					<label for="radio-status-no">No</label>
				</fieldset>
			</td>
			<td>
             <input name="comment" id="textarea" cols="40" rows="8" value="<?php echo $row->comment;?>" type="text-basic" data-mini="true"></td>
           </tr>
			<?php endforeach ?>
         </tbody>
		</table> 
       </center>
	   </div>
		
    </div>
	
	
	
	<center>
	<!--a href="#" data-role="button" data-mini="true" data-inline="true" data-icon="arrow-r" data-iconpos="right" data-theme="b">Next</a-->
	</center>
			
	<!-- details panel  -->
	<div data-role="panel" id="detailspanel" data-position="right" data-display="overlay" data-theme="b">
        <i>click off the panel to close</i>
		<h3>Details Panel</h3>
		<ul data-role="listview">
			<li><a href="#">Project Description</a></li>
			<li><a href="#">Detail Spec. of Prod.</a></li>
			<li><a href="#">OPEX Sales</a></li>
			<li><a href="#">Training</a></li>
			<li><a href="#">Project Document</a></li>
			<li><a href="#">Risk Assesment</a></li>
			<li><a href="#">GA Expense</a></li>
			<li><a href="#">Cost of Fund</a></li>
			<li><a href="#">Profit Allocation</a></li>
			<li><a href="#">Approval Tracking</a></li>
		</ul>
	</div><!-- /details panel -->
	
    <div data-theme="d" data-role="footer" data-position="fixed" class="pcs-header"> 
        <h3>
		@2013 Anabatic Technologies - <i> Always Think Better Ways </i>
        </h3>
    </div>
</div>
</body>
</html>

